.box2 {
  /* background-image: url(../assets/bg2.webp); */
  /* background-attachment: fixed; */
  position: relative;
  background-image: url(../assets/bg4.jpg) ;
  background-repeat: no-repeat;
  /* height: 100vh; */
  background-size: cover;
  height: 747px;
  width: 1513px;
}
/* 左侧导航栏 */
.box2 .left{
  position: absolute;
  width: 200px;
  height: 400px;
  /* background-color: pink; */
  left: 34px;
  top: 105px;
}
.box2 .left .title{
  /* position: absolute; */
  margin-left: 30px;
  height: 64px;
  width: 140px;
  /* background-color: pink; */
  top: 116px;
  left: 60px;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
}
.box2 .left img{
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.box2 .left span{
 color: #a9905e;
}
.box2 .left .list-img{
  width: 10px;
  height: 327px;
  /* background-color: skyblue; */
}
.box2 .left .content {
  display: flex;
}

.box2 .left .content .category{
  margin-left: 18px;
}

.box2 .left .content .category a{
  display: block;
  
}
/* .box2 .left .content .category .region{
  position: relative;
  margin-top: 12px;
  width: 140px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: url(../assets/world/空边框.png) no-repeat left/contain;
 
} */
.box2 .left .content .category .region{
  position: relative;
  margin-top: 12px;
  width: 162px;
  height: 38px;
  left: -27px;
  line-height: 38px;
  text-align: center;
  padding-left: 22px;
  background: url(../assets/world/实边框.png) no-repeat left/contain;
}

/* .active{
  position: relative;
  margin-top: 12px;
  width: 162px;
  height: 38px;
  left: -27px;
  line-height: 38px;
  text-align: center;
  padding-left: 22px;
  background: url(../assets/world/实边框.png) no-repeat left/contain;
} */

.box2 .left .content .category .hero{
  margin-top: 50px;
  width: 136px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: url(../assets/world/空边框.png) no-repeat left/contain;
}

.box2 .left .content .category .hero:hover{
  position: relative;
  margin-top: 50px;

  width: 162px;
  left: -27px;
  padding-left: 22px;

  height: 38px;
  line-height: 38px;
  text-align: center;
  background: url(../assets/world/实边框.png) no-repeat left/contain;
}

.box2 .left .content .category .skin{
  margin-top: 44px;
  width: 136px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: url(../assets/world/空边框.png) no-repeat left/contain;
}
.box2 .left .content .category .skin:hover{
  position: relative;
  margin-top: 44px;

  width: 162px;
  left: -27px;
  padding-left: 22px;

  height: 38px;
  line-height: 38px;
  text-align: center;
  background: url(../assets/world/实边框.png) no-repeat left/contain;
}

.box2 .left .content .category .cartoon{
  margin-top: 56px;
  width: 136px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: url(../assets/world/空边框.png) no-repeat left/contain;
}
.box2 .left .content .category .cartoon:hover{
  position: relative;
  margin-top: 56px;

  width: 162px;
  left: -27px;
  padding-left: 22px;

  height: 38px;
  line-height: 38px;
  text-align: center;
  background: url(../assets/world/实边框.png) no-repeat left/contain;
}

/* 展示框 */
.box2 .right{
  position: absolute;
  top: 174px;
  left: 220px;
  /* height: 416px; */
  height: 436px;
  /* width: 1260px; */
  width: 1280px;
}
.box2 .right iframe{
  width: 100%;
  height: 100%;
  border: 1px #000 solid;
  border: none;
}


